@import "../../common/css/variables.scss";
@import "../../../common/css/size.scss";
.m-orderDetail{
    height:100%;
    // overflow: auto;
    .main{
        position: absolute;
        width: 100%;
        height: calc(100% - #{$_50});
        overflow-y: auto;
    }
    .main.h100{
        height: 100%;
    }
    .baseInfo{
        background: #FFFFFF;
        box-shadow: 0 $_2 $_2 0 rgba(72, 88, 111, 0.50);
        .p1,.p2,.address{
            width: calc(100% - #{$_20});
            margin: 0 $_10;
            border-bottom: $_1 solid #e7e7e7;
        }
        .p1{
            height: $_40;
            padding: 0 0 $_5;
            .count{
                width:5em;
            }
        }
        .p2{
            height: $_60;
        }
        .address{
            padding: $_8 0;
            p{
                line-height: $_22;
            }
        }
    }
    .productLi{
        margin-top: $_15;
        background: #FFFFFF;
        box-shadow: 0 $_2 $_2 0 rgba(205,208,212,0.50);
        .proItemN4{
            border-bottom: $_1 solid #E7E7E7;
            box-shadow: none;
            border-radius: 0;
            height: $_104;
        }
        .proItemN4 .proRight .btm{
            display: none;
        }
        .proItemN4 .proRight .name{
            margin-top: $_15;
        }
        .proItemN4 .proRight .btmTop{
            padding-bottom: $_15;
        }
        .comment{
            height: $_50;
            line-height: $_50;
            text-align: center;
            font-size: $_16;
            color: $cMain;
            letter-spacing: $_2;
        }
    }
    .bottomInfo{
        margin: $_15 0 $_30;
        background: #FFFFFF;
        box-shadow: 0 $_2 $_4 0 rgba(205,210,212,0.50);
        p{
            height: $_50;
            width: calc(100% - #{$_35});
            padding-right: $_15;
            margin: 0 $_10;
            border-bottom: $_1 solid #e7e7e7;
        }
       .discount, .contract{
            background: url('../img/user/btn_return.png') no-repeat right center;
            background-size: $_8 $_16;
        }
    }
    .bottom{
        height: $_48;
        width: 100%;
        position: absolute;
        bottom: 0;
        .total{
          width: calc(100% - #{$_124});
          text-align: center;
          line-height: $_48;
        //   letter-spacing: $_2;
          background: #fff;
        }
        .pay{
          border:none;
          line-height: $_48;
          text-align: center;
          letter-spacing: $_2;
          font-size: $_16;
          width: $_124;
          color: #fff;
          background: $cMain;
        }
        .pay:disabled{
          background: $cbtndisable;
        }
      }

}